<template>
    <div class="not-found-container">
      <h1>404</h1>
      <p>抱歉，您访问的页面不存在。</p>
      <router-link to="/login">返回首页</router-link>
    </div>
  </template>
  
  <script setup>
  // 在这里可以使用 Composition API 编写逻辑
  // 例如，如果您需要组件名称用于 devtools 或 keep-alive，可以这样定义：
  // defineOptions({
  //   name: 'NotFound'
  // })
  </script>
  
  <style scoped>
  .not-found-container {
    text-align: center;
    margin-top: 100px;
  }
  
  h1 {
    font-size: 100px;
    color: #e74c3c;
  }
  
  p {
    font-size: 20px;
    margin-bottom: 20px;
  }
  
  a {
    color: #3498db;
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: underline;
  }
  </style> 